<template>
  <Page name="注册账号" :loading="loading">
    <div class="page-auth-content" :style="contentBg">
      <nuxt-child @changeBg="changeBg" @loading="(status)=>{loading = status}"/>
    </div>
  </Page>
</template>

<script>
import Page from '~/components/page';
export default {
  components: {
    Page,
  },
  data(){
    return {
      bg:'#fff',
      loading:false,
    }
  },
  computed: {
    contentBg(){
      return {
        backgroundColor:this.bg
      }
    }
  },
  methods: {
    changeBg(color){
      this.bg = color;
    }
  }
}
</script>

<style lang="less">
  @import url("~assets/less/module/auth.less");
</style>
